<template>
	<view class="service">
		<view class="serviceDom">
			<view class="serviceView">
				欢迎来到我们的客服中心！
			</view>
			<view class="serviceView serviceText">
				如果您有任何问题，疑虑或者需要帮助，我们的客服团队随时为您提供支持。请通过以下电话号码联系我们： 客服热线：400-8308678

			</view>
			<view class="serviceView serviceText">
				我们的客服代表将在工作时间内接听您的来电，并经历帮您解决问题。请确保您提供清晰的问题描述和相关信息，以便我们更好地为您服务。感谢您选择使用我们的产品/服务，我们将竭诚为您提供优质的客户体验。期待与您通话！
				
			</view>
			<view class="serviceCode">
				<image src="/static/images/default_user_photo.png" mode=""></image>
					<view class="">
						扫一扫·官方客服二维码
					</view>
			</view>
			<view class="phone">
				<view class="phoneImage">
					<image src="/static/images/user/dh.png" mode=""></image>
					400-8308678
				</view>
				
				<view class="phoneDial">
					一键拨打客服热线
				</view>
			</view>
			<view class="serviceView contact">
				联系客服
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.service {
		padding: 40rpx;

		.serviceDom {
			padding: 80rpx;
			background-color: #fff;
			.serviceView{
				margin-bottom: 20rpx;
				
			}
			.serviceText{
				color: #666;
				font-size: 26rpx;
			}
			.serviceCode{
				text-align: center;
				margin-top: 60rpx;
				image{
					width: 280rpx;
					height: 280rpx;
				}
			}
			.phone{
				text-align: center;
				.phoneDial{
					color: #666;
					font-size: 24rpx;
				}
				.phoneImage{
					display: flex;
					align-items: center;
					justify-content: center;
					margin: 20rpx 0;
					image{
						width: 50rpx;
						height: 50rpx;
						margin-right: 10rpx;
					}
				}
				
			}
			.contact{
				width: 520rpx;
				height: 80rpx;
				background: #6954D5;
				border-radius: 20px;
				color: #fff;
				text-align: center;
				line-height: 80rpx;
				margin: auto;
				margin-top: 120rpx;
			}
		}
	}
</style>